/* 全局样式 */
a, abbr, acronym, address, applet, audio, article
big, blockquote, body,
caption, cite, code, canvas, code
dd, del, dfn, div, dl, dt, details
em,
fieldset, font, form,
h1, h2, h3, h4, h5, h6, html, header, hgroup
iframe, img, ins,input,
kbd, label, legend, li,
main,
footer, figcaption, figure,
object, ol,
p, pre,
q,
s, samp, small, span, strike, strong, sub, sup, section, summary
table, tbody, tfoot, th, thead, tr, tt,textarea,
ul,
var, video /*  */ {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  box-sizing: border-box;
}

input,
textarea {
  // 支持数字、英文与中文处于同一行
  word-break: break-all;
}

a {
  text-decoration: none; // 去除路由生成的 a标签自带的下划线
}

li {
  list-style: none;
}

html {
  // min-width: 1200px;
  min-width: 320px;
}

body {
  overflow-x: hidden;
}

:root {
  --home-color: transparent;
  --home-background: -webkit-linear-gradient(120deg, #bd34fe, #09f);
  --head-bg: #11132b;
  --url-color: #09f;
  --danger-color: #cf0000;

  --main-bg: #27292d;
  --upload-color: #1bb76e;
  --upload-font-color: #eee;
  --upload-tip-color: #666;

  --detail-bg: #fff;
  --detail-color: #333;

  --foot-bg: #333;
  --foot-color: #999;
  --alert-bg: #1f2327;
  --alert-color: #fff;

  --choose-box-bg: #27292d;
  --choose-box-shadow: #fff;

  --theme-font-color: #fff;
}

// @media screen and (min-width: 320px) and (max-width: 540px) {

// }

@media screen and (min-width: 1200px) {
}

#app {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;

  .main {
    flex: 1;
  }
}

.show-detail {
  overflow: hidden;
}
